import { FC } from "react";

interface Props {
  a: string;
  b: number;
  //   c: Array<number>
  c: number[];
  //   d: object;
  d: { a: number; b: string };
}
// const Index: FC<Props> = (props) => {
const Index: FC<Props> = ({ a, b, c, d }) => {
  // let 形参 = 实参
  // let props = {a:'1',b:2}
  // let {a,b} = {a:'1',b:2}
  // class this.props
  // fun   props  函数组件第一个形参就是props
  //   const {a,b} = props
  return (
    <fieldset>
      <legend>03-函数组件属性</legend>
      <h1>{a}</h1>
      <h1>{b}</h1>
      <h1>{c}</h1>
      <h1>d.a {d.a}</h1>
      <h1>d.b {d.b}</h1>
    </fieldset>
  );
};

export default Index;
